<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>邀请函</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/basic.css" />
    <link rel="stylesheet" href="../assets/css/app.css" />
    <link rel="stylesheet" href="../assets/css/animate.css" />
    <link class="full" rel="stylesheet" href="../assets/css/jquery.fullPage.css" />
    <style>
        body{ background-color: #fff; }
        body, html{ height: 100%; }
        article{ padding: 20px 0.5em 0; }
        article p{  color: #121212; margin: 5px 0 0 0 !important; }
        article p span{ font-weight: bold; }
        article p a{ display: block; color: #15a93b !important; font-weight: bold; margin: 10px 0 !important; font-size: 1.6rem; }
        article h3{ margin-bottom: 5px !important; }
        section.kuaikuai-btn-lg{  padding: 1em 4em 0 !important; }
        section#kuaikuai-btn{ background-color: #fff; margin-bottom: 10px; }
        section#kuaikuai-btn button.btn{ border-radius: 50px; }
        .am-btn-success{ background-color: #fff; color: #15a93b; }
        section.kuai-bg{ background-color: #00632d; min-height: 480px; max-height: 736px; height: 100%; }
        .am-slider-default{ -webkit-box-shadow: none; box-shadow: none; top: 43%; }
        a.down{ display: block; text-align: center; width: 100%; position: absolute; bottom: 0; }
        a.down img{ display: inline-block; width: 15%; }
    </style>
</head>
<body>
<div id="dowebok">
    <div class="section section1">
        <img class="title01" src="../assets/i/title01.png" alt=""/>
        <img class="title02" src="../assets/i/title02.png" style="display: none;" alt=""/>
        <img class="title03" src="../assets/i/title03.png" style="display: none;" alt=""/>
        <img class="title04" src="../assets/i/title04.png" style="display: none;" alt=""/>
        <a href="javascript:void(0)" class="down"><img class="down" src="../assets/i/down.png" alt=""/></a>
    </div>
    <div class="section section2">
        <article class="am-paragraph am-paragraph-default">
            <p>活动周期：<span>15天</span>  2015.1.23——2015.2.06</p>
            <p>活动主题：快快车生活第一间认证店开放，邀请制内测</p>
            <p>活动地点：深圳南园店：<span>（南源汽修厂）</span> 广东省深圳市南山区南山大道南园工业园A栋1楼 <span>（快快车生活认证店NO1 ）</span></p>
            <p><a href="#">查看地图</a></p>
            <p></p>
            <h3>活动规则：</h3>
            <p>1. 2015年1月23日至2月6日为快快车生活平台第一间认证店开放邀请内测期</p>
            <p>2. 在微信朋友圈收到本内测邀请函链接的用户请点击“分享领取体验券”按钮，）获取邀请码。</p>
            <p>3. 1月23日9:00起，快快车生活南园认证店将正式开始接受受邀用户到店体验，每个拥有快快极致体验邀请码的用户将可以凭邀请码到店免费享受快快极致打蜡洗车服务一次，南园店每天接待60名受邀用户到店体验。</p>
            <p>4. 您领取的邀请码可以在微信“快快车生活（kkcsh）公众号菜单-会员中心-我的消费券”中查看。</p>
            <p>5. 为了帮您避免排队情况，我们开发了预约系统，请您在体验券下方点击“立即预约”选择合适的体验时间。</p>
        </article>

        <section id="kuaikuai-btn" class="kuaikuai-btn-lg">
            <button type="submit" class="btn am-btn am-btn-success am-btn-lg am-btn-block">分享领取体验券</button>
        </section>
    </div>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="../assets/js/kuaikuai.js" type="text/javascript"></script>
<script class="full" src="../assets/js/jquery.fullPage.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('#dowebok').fullpage({
            sectionsColor : ['#00632d']
        });

        $('.title01').delay(1000).fadeOut(500);
        $('.title02').delay(1000).animate({'display':'block'},'slow').fadeIn(500).delay(1000).fadeOut(500);
        $('.title03').delay(3500).animate({'display':'block'},'slow').fadeIn(500).delay(1000).fadeOut(500);
        $('.title04').delay(5500).animate({'display':'block'},'slow').fadeIn(500);

        /*setInterval(function(){
            $.fn.fullpage.moveSectionDown();
        }, 8000);*/

        $(window).resize(function(){
            autoScrolling();
        });

        function autoScrolling(){
            var $ww = $(window).width();
            if($ww < 1024){
                $.fn.fullpage.setAutoScrolling(false);
            } else {
                $.fn.fullpage.setAutoScrolling(true);
            }
        }

        autoScrolling();

    });
</script>
</body>
</html>
